@charset "utf-8";
*{
    margin:0;
    padding:0;
    font-family: 微软雅黑;
    background-color: #f5f5f5;
    
}
/* 1.外层  效果 ：无高、立体外边框，文本居中，盒模型方式微调 */
div.product_card{
    width:251px;
    /* 盒子模型：微调结构：图片与内容与边框的距离  15px 与其他卡片或者页面之间的距离 20px */
    padding:15px;
    margin:20px;
    /* 立体边框  1.外背景色  2.边框倒角 6px  3.设置内背景色 4.设置盒子阴影*/
    border-radius: 6px;
    background-color: #fff;
    /* 盒子阴影 */
	box-shawo:0 15px rgba(0,0,0,.1);
	text-align:center;
}
/* 2.图片：尺寸 % 倒角，外边距的距离 */
div.product_card img{
	width: 100%;
	border-radius:6px;
	margin-bottom:10px;
}
/* 3.标题 效果：上下加外边距，颜色 */
div.product_card h3{
	margin:10px 0;
	color:#424040;
	background-color: white;
}
/* 4.价格 效果：颜色红色，外边距：10px 字体大小*/
div.product_card p.price{
	borde r:1px solid red;
	color:#e4393c;
	font-size:24px;
	margin-bottom:10px;
	background-color: white;
}
/* 5.评价 效果：字体大小 颜色 */
div.product_card p.rating{
	font-size:.9em;
	color:#888;
	background-color: white;
}
div.product_card p.rating span{
	margin:0px 5px;
}